$(function () {
    //基于layui的表单自定义验证
    var form = layui.form
    form.verify({
        uname: [/^[\S]{6,8}/, '用户必须输入6-8位字符'],
        pwd: function (value, item) {
            var reg = /^\d{6}$/
            if (!reg.test(value)) {
                // 如果输入的密码不是6位数字  就提示
                return '输入的密码必须是6位数字'
            }
        },
        samepwd: function (value) {
            var prePwd = $(".layui-form-item input[type=password]").eq(0).val()
            if (prePwd !== value) {
                return '俩次输入的密码不一样'
            }
        }
    })


    //实现登录的功能
    $(".login-form").submit(function (e) {
        e.preventDefault()
        //获取表单内容
        var formData = $(this).serialize()
        $.ajax({
            type: 'post',
            url: 'api/login',
            data: formData,
            success: function (res) {

                if (res.status === 0) {
                    sessionStorage.setItem("mytoken", res.token)
                    location.href = "./index.html"
                } else {
                    alert(res.message)
                }
            }
        })
    })

    //实现登录和注册的来回切换
    //下面这个方法  切换的时候有点缺陷
    // $(".reg-link").click(function () {
    //     $(".layui-form").toggle(".login-form")
    // })
    // $(".login-link").click(function () {
    //     $(".layui-form").toggle(".login-form")
    // })
    $(".reg-link").click(function () {
        $(".login-form").hide()
        $(".reg-form").show()
    })
    $(".login-link").click(function () {
        $(".login-form").show()
        $(".reg-form").hide()
    })


    //实现注册功能
    $(".reg-form").submit(function (e) {
        e.preventDefault()
        var formData = $(this).serialize()
        $.ajax({
            type: 'post',
            url: 'api/reguser',
            data: formData,
            success: function (res) {
                if (res.status === 0) {
                    $(".login-link").click()
                } else (
                    alert(res.message)
                )
            }
        })
    })

})